export default function ContactsPage() {
  return (
    <>
      <section style={{ flex: 2 }} className="contact" id="contact">
        <h1 className="heading">
          {" "}
          <span>Свяжитесь</span> с нами{" "}
        </h1>

        <div className="row">
          <iframe
            src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10677.358903883105!2d37.8022284!3d48.0071461!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40e0909500919a2d%3A0x36335efdc5856f84!2z0JTQvtC90LXRhtC6LCDQlNC-0L3QtdGG0LrQsNGPINC-0LHQu9Cw0YHRgtGMLCDQo9C60YDQsNC40L3QsCwgODMwMDA!5e0!3m2!1sru!2s!4v1715850223876!5m2!1sru!2s"
            width="600"
            height="450"
            style={{ border: 0 }}
            loading="lazy"
          ></iframe>

          <form action="">
            <h3>Отправить</h3>
            <div className="inputBox">
              <span className="fas fa-user"></span>
              <input type="text" placeholder="Имя" />
            </div>
            <div className="inputBox">
              <span className="fas fa-envelope"></span>
              <input type="email" placeholder="Эл. почта" />
            </div>
            <div className="inputBox">
              <span className="fas fa-phone"></span>
              <input type="number" placeholder="Номер телефона" />
            </div>
            <input type="submit" value="Отправить" className="btn" />
          </form>
        </div>
      </section>
    </>
  );
}
